<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#abc{
				color: black;
			}
			p.cba{
				color: red;
			}
			div>li{
				color: red;
			}
			h1+h2{
				text-decoration: underline;
			}
			h1:hover{
				background-color: gray;
			}
			input[type="text"]:focus{
				background-color: yellow;
			}
			.aaa:hover{
				cursor: pointer;
			}
		</style>
		<link rel="stylesheet" href="css/myCSS.css" />
	</head>
	<body>
		<h1>HTML</h1>
		<h2 class="aaa">table</h2>
		<h2>form</h2>
		<h2>input</h2>
		<h1 style="color: black;">CSS</h1>
		<h2 id="abc">CSS语法</h2>
		<h2 class="cba">CSS规则</h2>
		<h1>JavaScript</h1>
		<p>111</p>
		<p class="cba">222</p>
		<p>333</p>
		<form>
			<input type="text" /><br />
			<input type="text" /><br />
			<input type="text" /><br />
		</form>
		<div>
			<ol>
				<li>AAA</li>
				<li>BBB</li>
				<li>BBB</li>
			</ol>
		</div>
		<ol>
			<li>AAA</li>
			<li>BBB</li>
			<li>BBB</li>
		</ol>
	</body>
</html>
